

<div class="container-inner layout-margin unstart fn-mt20">
    <div class="sidebar-end panel-group">
        <!--推荐-->
        <div class="ui-brd-box1">
            <div class="tit-3 tit-skin-2">
                <p class="h">根据您的浏览为您推荐：</p>
            </div>
            <ul class="bl-imglist bl-imglist-hor">
                <li>
                    <a href="#">
                        <img src="../images/classify/pic-13.jpg" alt="">
                    </a>
                    <div class="con">
                        <span class="text-color-1 font-18">￥68</span><del class="text-color-7 font-14 fn-ml10">￥168</del>
                        <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="../images/classify/pic-14.jpg" alt="">
                    </a>
                    <div class="con">
                        <span class="text-color-1 font-18">￥68</span><del class="text-color-7 font-14 fn-ml10">￥168</del>
                        <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>
                    </div>
                </li>
            </ul>
        </div>
        <!--END/推荐-->
    </div>

    <div class="sidebar-start"></div>

    <!--内部中间部分-->
    <div class="container">
        <div class="container-inner panel-group">
            <!--我的订单-->
            <div class="bl-panel panel-head-nobrd">
                <div class="panel-head">
                    <div class="tit tit-1">
                        <h3 class="h">我的订单</h3>
                        <a href="#" class="small">查看更多</a>
                    </div>
                </div>
                <div class="panel-body">
                    <table class="bl-table bl-table-li table-tc order-list">
                        <thead>
                        <tr>
                            <th class="tl">商品图片</th>
                            <th>商品信息</th>
                            <th>交易金额</th>
                            <th>订单时间</th>
                            <th>订单状态</th>
                            <th>详情</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="pic tl">
                                <a href="#">
                                    <img src="../images/classify/pic-14.jpg" alt="#">
                                </a>
                            </td>
                            <td>***</td>
                            <td>
                                <span>￥55</span><br>
                                <a href="#"><i class="icon icon-mobile2"></i><span class="text-color-11">手机订单</span></a>
                            </td>
                            <td>
                                <span class="date">2015-11-25</span>
                                <br>
                                <span class="time">00:00:00</span></td>
                            <td>
                                <span class="text-color-1 font-14">待收货</span>
                                <br>
                                <a class="order-express" href="#">
                                    <span>物流跟踪</span>
                                </a>
                            </td>
                            <td><a href="#">查看</a></td>
                        </tr>
                        <tr>
                            <td class="pic tl">
                                <a href="#">
                                    <img src="../images/classify/pic-15.jpg" alt="#">
                                </a>
                            </td>
                            <td>***</td>
                            <td>
                                <span>￥55</span><br>
                                <a href="#"><i class="icon icon-mobile2"></i><span class="text-color-11">手机订单</span></a>
                            </td>
                            <td><span class="date">2015-11-25</span><br><span class="time">00:00:00</span></td>
                            <td><a href="#">已完成</a></td>
                            <td><a href="#">查看</a></td>
                        </tr>
                        <tr>
                            <td class="pic tl">
                                <a href="#">
                                    <img src="../images/classify/pic-16.jpg" alt="#">
                                </a>
                            </td>
                            <td>***</td>
                            <td>
                                <span>￥55</span><br>
                                <a href="#"><i class="icon icon-mobile2"></i><span class="text-color-11">手机订单</span></a>
                            </td>
                            <td><span class="date">2015-11-25</span><br><span class="time">00:00:00</span></td>
                            <td><a href="#">已完成</a></td>
                            <td><a href="#">查看</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--END/我的订单-->

            <!--我的订单 无数据-->
            <div class="bl-panel panel-head-nobrd">
                <div class="panel-head">
                    <div class="tit tit-1">
                        <h3 class="h">我的订单</h3>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="bl-nodata order-nodata">
                        <div class="nodata-text fn-dib">
                            <i class="icon icon-nodata icon-nodata-1"></i>
                            <p class="fn-mb0">您暂时没有订单。</p>
                            <a href="#">去看看有哪些热门商品 &gt;</a>
                        </div>
                    </div>
                </div>
            </div>
            <!--END/我的订单 无数据-->

            <!--我收藏的商品-->
            <div class="bl-panel panel-head-nobrd fav-list">
                <div class="panel-head">
                    <div class="tit tit-2">
                        <h3 class="h">
                            我收藏的商品
                        </h3>
<!--                        <div class="more fn-fl">
                            <a href="#">降价商品0</a>
                            <a href="#">促销商品4</a>
                        </div>-->
                        <a href="#" class="more">查看更多</a>
                    </div>
                </div>
                <div class="panel-body">
                    <ul class="bl-imglist imglist-5col">
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--END/我收藏的商品-->


            <!--我收藏的商品 无数据-->
            <div class="bl-panel panel-head-nobrd fav-list">
                <div class="panel-head">
                    <div class="tit tit-2">
                        <h3 class="h">
                            我收藏的商品
                        </h3>
<!--                        <div class="more fn-fl">
                            <a href="#">降价商品0</a>
                            <a href="#">促销商品0</a>
                        </div>-->
                        <a href="#" class="more">查看更多</a>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="bl-nodata fav-nodata">
                        <p class="nodata-text ">
                            <span class="text-color-1">您还没有收藏任何商品，看到感兴趣的就果断收藏吧！</span>
                        </p>
                    </div>
                    <ul class="bl-imglist imglist-5col">
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="col-space">
                                <img src="../images/classify/pic-10.jpg" alt="">
                                <span class="con">￥99 </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--END/我收藏的商品 无数据-->



        </div>
    </div>
    <!--END/内部中间部分-->

</div>